<template>
  <div class="phone-container">
    <div class="top">
      <div class="title">数字化智能生产{{kuid}} <span></span></div>
    </div>

    <Phone1></Phone1>
    <Phone2></Phone2>
    <Phone3></Phone3>
    <Phone4></Phone4>
    <Phone5></Phone5>
    <Phone6></Phone6>
    <Phone7></Phone7>
    <Phone8></Phone8>
  </div>
</template>

<script setup name="phonePage1">
import {reactive, onMounted, nextTick, defineAsyncComponent} from "vue";
import {useRoute, useRouter} from "vue-router";
import PermissionType from "/@/utils/PermissionType";
const route = useRoute();
const router = useRouter();
const kuid = route.query.kuid || 0;

const Phone1 = defineAsyncComponent(() => import('/@/views/page/page1/phone1.vue'));
const Phone2 = defineAsyncComponent(() => import('/@/views/page/page1/phone2.vue'));
const Phone3 = defineAsyncComponent(() => import('/@/views/page/page1/phone3.vue'));
const Phone4 = defineAsyncComponent(() => import('/@/views/page/page1/phone4.vue'));
const Phone5 = defineAsyncComponent(() => import('/@/views/page/page1/phone5.vue'));
const Phone6 = defineAsyncComponent(() => import('/@/views/page/page1/phone6.vue'));
const Phone7 = defineAsyncComponent(() => import('/@/views/page/page1/phone7.vue'));
const Phone8 = defineAsyncComponent(() => import('/@/views/page/page1/phone8.vue'));
const state = reactive({
  permissionType : PermissionType,

})
onMounted(()=>{
  nextTick(()=>{

  })
})
</script>

<style scoped lang="scss">
.phone-container {

}
</style>
